<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<title>제목표시줄 드래그</title>
<meta name="class-lists" content="jindo.DragArea"/>
<meta name="screenshots" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="description" content="드래그가 시작될때 실제로 드래그될 대상을 바꾸는 예제입니다.">
<link rel="stylesheet" type="text/css" href="../asset/demo.css">
<style type="text/css">
	body,input,textarea,button{font-size:12px;line-height:1.5em;font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#383d41;}
	div { border:1px solid #000; }
	
	.drag-target { position:absolute; background-color:#fff; }
	.draggable { cursor:move; }
	
	#foo { width:300px; padding:10px; left:10px; top:10px; }
	#foo h1 { font-size:1.2em; background-color:#ddd; padding:5px; }
	
	#bar { width:400px; height:200px; left:300px; top:150px; overflow:scroll; }
	
	#bar_sub3 { width:150px; height:50px; background-color:#0f0; left:150px; top:160px; }
	#bar_sub3 h2 { font-size:1.1em; background-color:yellowgreen; }
</style>
</head>
<body>
<script type="text/javascript" src="../asset/demojs/demo.js#header"
     data-title="Jindo Component"
     data-subtitle="=document.title"
     data-backbutton="false"
     data-viewsource="false"
     data-qrcode="true"></script>
	
<div class="drag-target" id="foo">
	<h1 class="draggable">여기를 잡고 드래그 하세요</h1>
	<p style="height:200px;overflow:auto;">

		다시 네게로 갈수 없어
		니가 올것만 같아서
		떠난 그길에 멈춰서있어
		다른 사랑도 할수 없어
		아픈 이별이 커져서
		더는 내 몸이 견디지 못해
		터질지도 몰라
		
		언제나 You're my Hero
		그래 난 너뿐이야
		너 없는 감옥에서
		하루도 살아갈수 없어
		어두운 밤 저 하늘로 꿈처럼 날아가
		너를 찾아서 안기고 싶어
		
		다시 흐르는 눈물마저
		나쁜 버릇이 되어서
		이젠 더 이상 가둘수없어
		머릿속엔 니가 있어
		가슴속에도 있어서
		어떤 누구도 담을수 없어
		미칠지도 몰라
		
		언제나 You're my Hero
		그래 난 너뿐이야
		너없는 감옥에서
		하루도 살아갈수 없어
		어두운 밤 저 하늘로 꿈처럼 날아가
		너를 찾아서 안기고싶어
		
		보고싶다고 울고있다고
		너를 잊는건 못한다고
		사랑한다고내게 오라고 나를위해 기도해
		
		가다만 발거음도 타다만 사진도
		더이상 쓸모없는 추억도 버릴수가 없어
		어두운밤 저 하늘로 꿈처럼 날아가
		너를 찾아서 안기고 싶어
		
		언제나 You're my Hero
		그래 난 너뿐이야
		너없는 감옥에서 하루도 살아갈수 없어
		어두운밤 저 하늘로 꿈처럼 날아가
		너를 찾아서 안기고싶어
	</p>
</div>

<script type="text/javascript" charset="utf-8" src="../../asset/jindo.desktop.all.ns.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Component.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.UIComponent.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.DragArea.js"></script>
<script type="text/javascript">
	var oDragArea = new jindo.DragArea(jindo.$('foo'), {
		sClassName : 'draggable',
		bFlowOut : true
	}).attach({
		'dragStart' : function(oCustomEvent) {
			var oTarget = oCustomEvent.elDrag;
			oTarget = jindo.$$.test(oTarget, '.drag-target') ? oTarget : jindo.$$.getSingle('! .drag-target', oTarget);
			oCustomEvent.elDrag = oTarget;
		}
	});
</script>
<script type="text/javascript" src="../asset/demojs/demo.js#footer"></script>
</body>
</html>
